<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/vue.js"></script>
</head>
<body>
    <div id="app">
        {{name}}
        {{$options}}
        {{$emit}}
        {{_c}}
    </div>
    
</body>
</html>
<script>
   const vm = new Vue({
        el:'#app',
        data(){
            console.log("this:",this)
           return {
            name:'张三',
            age:18
           }
        }
    });

    console.log("vm:",vm)
</script>

<!-- 
    MVVM模型：
    M：模型，Model data中的数据
    V:视图View 模版语法
    VM：视图模型ViewModel，Vue的实例对象

    通过打印this和vm发现，Vue实例中的this也是Vue对象
    观察VM发现：
     data中所有属性，最后都会出现在vm身上
     vm身上所有的属性以及Vue原型身上所有的属性，在Vue模版中可以直接使用



 -->